import React, { Component } from 'react'
import { Modal } from 'antd'

function Dom() {
  return (
    <div className={`rt-Dom-container`}>
      <div></div>
      <p>请把鼠标指针放到黄色的div元素上，来查看过渡效果。</p>
      <img alt="avatar-me" src={require('static/images/avatar-me.png')} />
    </div>
  )
}

export default class ComponentNotFound extends Component {
  render() {
    return (
      <Modal
        visible
        closable={false}
        title="交收确认"
        footer={null}
      >
        <section className={`rt-confirm-modal-content`}>
          <p className={`-question`}>是否确认您的交收申请？</p>
          <p>盈亏：72元</p>
          <div>
            <div className={`cm-modal-btn`}>关闭</div>
          </div>
        </section>
      </Modal>
    )
    return (
      <Modal
        visible
        closable={false}
        wrapClassName="cm-modal-wrapper"
        title="交收确认"
        onOk={() => {
          Modal.info({
            title: '消息提示',
            content: <div className={`cm-independent-modal-content`}><p className={`-title`}>目前交易时间未开启</p><p>交易时间上午9点－下午3点</p></div>,
            iconType: null,
          })
        }}
        onCancel={() => {
          Modal.error({
            title: '错误',
            content: <div className={`cm-independent-modal-content`}><p className={`-title`}>您的操作有误，交易未成功</p><p>请输入符合规定的手数</p></div>,
            iconType: null,
          })
        }}
      >
        <section>
          <p className={`-question`}>是否确认您的交收申请？</p>
          <p>盈亏：72元</p>
        </section>
      </Modal>
    )
    return (
      <div className={`rt-component-not-found-container`}>ComponentNotFound</div>
    )
  }
}